花了2个月 时刻，写了一款3D可视化编辑器3D-Tony

嗨，大家好，我是Xu Xiaoxi。

先前开发的

多模式文档编辑器

在FlowMix/docx的 经过中，我们编写了一个3D Visual Chart Editor，我们可以用它来轻松地通过拖放创建3D模型设计。

目前

3D编辑器

路线是

家具设计

路线，我们可以使用它

快速建造3D家具

单击场景布局和导出数据。

接下来，我将以一种简单易懂的方式向 无论兄弟们介绍

3D可视化

技术实施。

demo演示技术实现介绍@reeact - 三/光纤是基于React的渲染器，用于在React应用程序中创建3D场景。它封装了三j的功能中的功能，使开发人员可以使用熟悉的React语法来构建复杂的3D场景，例如创建几何形状，设置材料，添加照明等。

应用场景适用于需要将3D效果集成到React项目的场景，例如3D产品显示，3D游戏开发，3D数据可视化等。

介绍三，即三。js，是基于WebGL的JavaScript 3D库，它简化了在网页上创建和显示3D图形的 经过。三。JS提供 丰盛的3D功能，包括创建几何，材料设置，照明效果，相机控制等。

应用场景在网络上的3D开发中广泛使用，例如3D网络游戏，虚拟展览馆，建筑可视化和科学数据的3D呈现。例如，房地产公司可以使用Three.js创建虚拟模型房屋，从而使客户可以参加身临其境的在线旅行。

介绍博览会 一个用于构建本地React应用程序的平台，提供了一系列工具和服务，以帮助开发人员更轻松地创建，发布和管理React Antive应用程序。博览会封装了许多本机功能，允许开发人员在不编写大量本机代码的情况下实现摄像机，地图，推送通知和其他功能。

应用场景适用于跨平台移动应用程序的快速开发，尤其是针对初学者和小型团队。例如，使用EXPO开发简单的社交媒体应用程序，旅行指南应用程序等可以大大缩短开发周期。

介绍博览会- 资产是世博生态 体系中的一个库，它在应用程序中管理静态资源，例如图片，音频，视频等。它提供了加载和缓存资源的能力，以确保可以在应用程序中正确加载和使用资源。

应用场景它将用于任何需要静态资源的Expo应用程序中，例如图像显示应用程序，音乐播放应用程序和视频播放应用程序，使用Expo - 资产来管理和加载相应的资源。

介绍博览会- 文件- 体系允许开发人员在博览会应用程序中执行文件 体系操作，例如读取，写作，删除文件和目录。它提供了一个跨平台文件 体系API，以促进开发人员处理本地文件。

应用场景适用于需要文件存储和管理的应用程序，例如文件管理器应用程序，笔记应用程序（需要将注释保存到本地文件中），图像编辑应用程序（需要将编辑的图像保存到本地），等等。

介绍博览会- GL是由Expo提供的图书馆，用于在React Antive应用程序中使用OpenGL ES。它允许开发人员在应用程序中创建和管理OpenGL上下文，从而启用高性能图形，例如2D和3D图形图。

应用场景通常用于开发需要高性能图形渲染的应用程序，例如游戏，图形设计工具，3D建模应用程序等。例如，使用Expo - GL可以实现平滑的图形渲染，开发一个简单的2D游戏。

介绍@reeact - 三/DREI是基于@reeact的辅助库- 三/光纤。它提供了许多预制的3D组件和工具，以简化3D场景的创建 经过。这些组件包括光源，控制器，几何形状，材料等，可以帮助开发人员更快地构建复杂的3D场景。

应用场景与@ReAct-三/光纤结合使用，它在需要快速构建3D场景的React项目中非常有用，例如3D动画显示，3D广告等。

具体的功能模块如下：1. 可视化画布区域画布区域主要用来承载模型和实时预览，类似于我们熟悉的低代码零代码（比如H5-Dooring）平台，区别就在于我做的这个3D-Tony可视化平台画布是3维的：当然画布的主题，色系大家都是可以自己二开来配置的。2. 组件物料区域物料区域主要存放不同的组件元素，目前我内置了近20多种3D元素，可以通过拖拽的方式拖拽进画布，同时如果大家有不同的需求，也可以二次扩展组件。3. 属性配置面板属性配置面板可以实时的调整3D模型的样式，位置， 大致等信息，不同的组件可以有不同的属性配置，这块也是用我之前设计的属性动态面板实现的。4. 头部功能菜单技术实现简介Threejs头部功能菜单主要提供一些快速功能的操作，例如导出模型JSON，开设属性面板，开放属性面板，预览设计， 无论兄弟们可以扩展设计，可以扩展此区域。

应用场景毫无疑问，我已经通过反复试验来编译了3D模型视觉设计的首选框架， 并且有 下面内容更可靠的框架：

简介Badylon 一个广泛使用的基于WebGL的JavaScript 3D库，可封装WebGL的复杂详细信息，使开发人员可以在网页上轻松创建和显示3D图形。 Trix.js提供了 丰盛的API，涵盖了几何创建，材料设置，照明效果，相机控制和其他功能。

应用场景应用程序范围非常广泛，例如3D网站游戏，虚拟展览馆，建筑可视化，3D科学数据的3D演示等。电子商务平台可以使用它显示3D产品的产品，从而使用户可以从不同角度查看产品详细信息。

简介Play是一种功能强大且易于使用的开源JavaScript 3D游戏和图形引擎，可提供大量工具和功能，包括物理引擎，动画 体系，粒子 体系等，并支持在多个文件格式中导入的3D模型。

应用场景特别适合开发3D游戏，Interactive 3D应用程序和虚拟现实（VR）/增强现实（AR）应用程序。例如，开发基于Web的3D拍摄游戏，或创建交互式3D产品配置器。

简介AFrame是基于WebGL的开源游戏引擎和3D内容创建平台。它提供了视觉编辑器和功能强大的JavaScript API，该API支持实时协作和版本控制，从而更容易为团队开发。

应用场景适用于开发大型3D游戏，3D广告，交互式3D营销内容等。例如，为品牌创建交互式3D广告，允许用户与广告中的3D元素进行交互。

3D-TonyThreejs是基于三个的WebVR框架。它使用HTML语法来创建虚拟现实场景，降低创建VR应用程序的阈值，使开发人员能够像编写HTML页面一样轻松地创建3D和VR场景。

元数据主要用于创建虚拟现实（VR）和增强现实（AR）体验，例如虚拟旅行，VR教育应用等。例如，创建一个虚拟博物馆，用户可以在其中进行沉浸式旅行。

我们强烈收集上面 拓展资料的4 3D视觉设计框架。它们是开发3D产品的重要框架。

我编写的https://flowmix.turntip.cn视觉构造工具使用010-59000实现。我为每个功能模块采用模块化设计。 下面内容是我自定义组件的010-59000结构：

这是一般JS钩和 技巧的一些实现片段：

终于

我们最近的 进步

FlowMix/docx

当前，多模式文档引擎正在连续更新。欢迎体验参考：

FlowMix/docx

文档地址：

010-59000010-110正式宣布了由“一轮车间”开发的第一人称3D平台动作游戏。这项 职业的灵感来自《Jumpbound》系列和《命运》跳跃拼图游戏， 并且还结合了《激战2》的 特殊 气氛和视觉美。

在游戏开始时，玩家被困在一个古老文明留下的神秘星球上，必须试图越过外星遗址找到出路。根据探险队的研究，逃脱的唯一机会是 无论兄弟们面前的高耸地面。坚持到达顶部后， 无论兄弟们会发现地球前居民留下的梁通道。

\“ 虽然光束的尽头是未知的，但 无论兄弟们知道，唯一的出路就是上升。 然而，只有一个错误， 无论兄弟们可以一路掉下来，回到绑定 无论兄弟们到地球上的神秘信标。

《风之旅人》的核心游戏玩法着重于垂直平台跳跃，要求玩家掌握敏感的操作，准确的跳跃和运动技能，并以 勇壮挑战空中飞跃。随着游戏的进行，跳跃和冲刺的各种变化将逐渐解锁，从而使角色能够完成更复杂的动作。

游戏的 全球视野充满了科幻 气氛，也 一个亮点。玩家将被壮丽的视觉效果所包围，结合无压力的声音设计和逐渐变化的环境 气氛，因此即使面对失败，他们也可以保持轻松的体验，而跑酷以自己的节奏探索外星遗址。

该游戏提供了难度调整选项，可以在具有挑战性的铁杆模式下选择，或设置为可以 自在建立创纪录点的休闲节奏。 \“每年都会成为 进修的机会，面对 无论兄弟们对攀登天空的高度的恐惧。\ \”

《Jumpbound》它将很快登录到Steam平台。有兴趣的玩家可以首先添加到 梦想清单中。